<link href="styles/uploadify.css" rel="stylesheet" type="text/css" />
<?php
	$list=array(	array(
						  'href'=>'javascript:',
						  'time'=>'2009-10-10'
						  ),
					array(
						  'href'=>'javascript:',
						  'time'=>'2009-10-20'
						  ),
					array(
						  'href'=>'javascript:',
						  'time'=>'2009-10-30'
						  )
				);
?>
<!--start col-wrap-->

<div class="col-wrap handin-wrap">
<!--start col-->
<div class="col handin">
	<div class="wrap-title">
                <p class="page-title">
                    作业上交页面
                </p>
            </div>

	<!--start assignment-->
	<div class="assignment">
    	<div class="assign-left">
    	<div class="assign-basic" past="p">
        	<h1 class="assign-title">Visual Enlightenment for the Web</h1>
            <p class="assign-info"><span>课程名称：The Zen of CSS Design</span><span>任教老师：Molly E. Holzschlag</span></p>
            <div class="assign-request">
            	Proving once and for all that standards-compliant design does not equal dull design, this inspiring tome uses examples from the landmark CSS Zen Garden site as the foundation for discussions on how to create beautiful, progressive CSS-based Web sites. By using the Zen Garden sites as examples of how CSS design techniques and approaches can be applied to specific Web challenges, authors Dave Shea and Molly Holzschlag provide an eye-opening look at the range of design methods made possible by CSS (Cascading Style Sheets). By the time you've finished perusing the volume 
            <p class="assign-time"><span>下发日期：2009-10-01</span><span>截止日期：2009-10-01</span></p>            
            <p class="upload">
            	<input type="file" name="fileInput" id="fileInput" />
                <span id="uploadSuccess">已成功提交作业</span>
                <a href="uploads/2-scheme of work.doc" id="download" title="下载">
                	<img src="images/core/download.gif" alt="我要下载" />
                </a>
            </p> 
            </div>        
        </div>
        <!--end assign-basic-->
        
        <!--start remark-wrap-->
        <div class="remark-wrap">
        	<p class="remark-title">Message in here</p>
  <div class="remark student">
            	<p class="remark-user">
                	<img src="images/20081124134923596.png" />
                	<span class="remark-name">张胤雄</span>
                    <span class="remark-time">2009-09-14 04:30 PM</span>
                </p>
                <p class="remark-text">
                为了给用户提供更好的参考性，本手册提供了4张大表。 “CSS2标准属性”表显示W3C CSS2.0版本的所有属性参考信息，具有重要参考价值，CSS 2.1版本标准属性相对较少，且都被包含，所以就不再显示；“CSS2属性分类”表显示微软的CSS所有属性；“CSS2.0关键字索引”表和“CSS2.1关键字索引”表以开发的姿态显示所有CSS关键字，
                </p> 
            </div>
            
            <div class="remark teacher">
            	<p class="remark-user">
                	<img src="images/20081124134923596.png" />
                	<span class="remark-name">Dave Shea</span>
                    <span class="remark-time">2009-09-14 04:30 PM</span>
                    <img src="images/20081124134921153.png" alt="download" />
                    <span class="remark-down"><a href="#">Download</a></span>
                </p>
                <p class="remark-text">
                CSS (Cascading Style Sheets). By the time you've finished perusing the volume, you'll have a new understanding of the graphically rich, fully accessible sites that CSS design facilitates. In sections on design, layout, imagery, typography
                </p> 
            </div>
            
            <div class="remark student">
            	<p class="remark-user">
                	<img src="images/20081124134923596.png" />
                	<span class="remark-name">张胤雄</span>
                    <span class="remark-time">2009-09-14 04:30 PM</span>
                </p>
                <p class="remark-text">
                为了给用户提供更好的参考性，本手册提供了4张大表。 “CSS2标准属性”表显示W3C CSS2.0版本的所有属性参考信息，具有重要参考价值，CSS 2.1版本标准属性相对较少，且都被包含，所以就不再显示；“CSS2属性分类”表显示微软的CSS所有属性；“CSS2.0关键字索引”表和“CSS2.1关键字索引”表以开发的姿态显示所有CSS关键字，
                </p> 
            </div>
            
            <div class="remark teacher remark-past">
            	<p class="remark-user">
                	<img src="images/20081124134923596.png" />
                	<span class="remark-name">Dave Shea</span>
                    <span class="remark-time">2009-09-14 04:30 PM</span>
                    <img src="images/20081124134921153.png" alt="download" />
                    <span class="remark-down"><a href="#">Download</a></span>
                </p>
                <p class="remark-text">
                CSS (Cascading Style Sheets). By the time you've finished perusing the volume, you'll have a new understanding of the graphically rich, fully accessible sites that CSS design facilitates. In sections on design, layout, imagery, typography
                </p> 
            </div> 
        	<form name="message" id="message" action="#">
               	<p><textarea tabindex="4" rows="5" cols="50"></textarea></p>
                <input type="submit" name="submit" class="submit" value="Leave comment" />
             </form>
        </div>
        <!--end remark-wrap-->
        </div>
        <!--end assign-left-->
        
        <!--start assign-right-->
        <div class="assign-right">
        	<p class="percent" past="true"><span id="f">3</span><span id="d">/4</span></p>
            <!--start assign-history-->
            <div class="assign-history">
                <ul>
                    <?php
                        for($i=0;$i<count($list);$i++){
                    ?>
                    <li><a href="<?php echo $list[$i]['href']; ?>">第 <?php echo $i+1; ?> 次 <?php echo $list[$i]['time']; ?></a></li>
                    <?php		
                        }
                    ?>
                
                </ul>
            </div>
            <!--end assign-history-->
        </div>
        <!--end assign-right-->
        <div class="clear"></div>
    </div>
    <!--end assignment-->
    
</div>
<!--end col-->
</div>
<!--end col-wrap-->
<script src="scripts/jquery.uploadify.js"></script>
<script>
$(document).ready(function() {
	$('#fileInput').fileUpload ({
	'uploader'  : 'uploader.swf',
	'script'    : 'upload.php',
	'cancelImg' : 'images/cancel.png',
	'auto'      : true,
	'buttonText':'Upload Assign',
	'folder'    : 'uploads/',
	'onComplete':function(){
			$('#uploadSuccess').css('display','block')
		}
	});
	
	var as=$('div.assign-basic');
	var f=parseInt($('span#f').text());
	var d=parseInt($('span#d').text());
	if(f>=d){
		$('p.upload').css('display','none');
		$('span#f').css('color','#d41d7c');
	}
	
	if(as.attr('past')=='p'){
		as.append('<img src="images/score/p.gif" style="position:absolute;top:20px;right:0;" />')
	}
	
});
</script>